<template>
  <div>

    <!--wrap-->
    <div id="wrap">
      <section class="player-box">
        <div class="player-animation">
          <div class="player-center-box"></div>
        </div>
        <div class="play-operate">
          <div class="play-infor">
            <h2>古诗词三首</h2>
            <p>1分24秒</p>
          </div>
          <!--试听的audio-->
          <audio id="try" style="display:none"
                 src="http://dwn.roo.bo/resource/ai_bk/wKgDZVZEGV6QgvTwAAqAxAAhyM4908.mp3"></audio>
          <div class="play-btn">

            <!-- play -->
            <a class="play-lg-icon" href="javascript:;" style=""></a>

            <!-- stop -->
            <a class="stop-lg-icon" href="javascript:;" style="display: none;"></a>

          </div>
          <div class="play-other-operate">
            <a href="javascript:;">
              <i class="demand-w-icon"></i>
              点播
            </a>
            <a href="javascript:;">
              <i class="favorites-w-icon"></i>
              收藏
            </a>
            <a class="active" href="javascript:;" style="display: none;">
              <i class="favorites-w-icon"></i>
              取消收藏
            </a>
            <a href="javascript:;">
              <i class="add-w-icon"></i>
              添加
            </a>
          </div>
          <p class="copyright-detail" style="display: none;">Powered by roobo</p>
        </div>

      </section>

    </div>
    <input type="text" id="select" style="display:none">
  </div>
</template>
<script>
  export default {
    data() {
      return {}
    },
    mounted() {

    }
  }
</script>
<style>
</style>
